<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>MerlionERP Login</title>
        <link rel="stylesheet" type="text/css" href="resources/css/default.css"/>
        <link type="text/css" rel="stylesheet" href="themes/custom/theme.css"/>
    </h:head>
    <h:body>

        <center>
            <table width="1000" height = "700" cellspacing="0px">
                <tr>
                    <td height="100px" valign="top" align="center" background="resources/images/bg copy.jpg">
                        <table border="0" width="1000" height="743">
                            <h:form id="loginForm">
                                <tr>
                                  <td height="65"></td> <!--alignment for login words-->
                                  <td valign="bottom" class="login-header">STAFF LOGIN</td>
                              </tr>
                                <tr>
                                    <td width="700" height="490"></td>
                                    <td width="404" valign="top">
                                      <table width="300" border="0" >
                                            <tr>
                                                <br/>
                                                <td width="345" colspan="2"><font class="loginText" >USERNAME: </font></td>
                                            </tr>
                                            <tr>
                                              <td colspan="2"><p:inputText tabindex="1" required="true" id="userId" requiredMessage="User ID Required" value="#{loginManagerBean.userId}" size="40"> 
                                                     </p:inputText> 
                                                    <p:message for="userId"/></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><font class="loginSpace">&nbsp;</font></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><font class="loginText">PASSWORD: </font></td>
                                            </tr>
                                            <tr>
                                              <td colspan="2">
                                              <p:password tabindex="2" required="true" id="userPassword" minLength="5" requiredMessage="Password Required" value="#{loginManagerBean.userPassword}" feedback="false" size="40">               
                                                       <!-- <p:ajax event="blur" update="msg" />  -->
                                                </p:password> 
                                                <font size ="1"><a href="forget.xhtml" tabindex="4">Forgot password?</a></font><br/> <p:messages id="msg" />  
                                                  
                                              </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><font class="loginSpace"></font></td>
                                            </tr>
                                            <tr>
                                                <td valign="top"></td>
                                                <td align="right">
                                                    <p:commandButton tabindex="3" id="btnLogin" value="Login" actionListener="#{loginManagerBean.loginEmployee}" update="msg status" ajax="true" image="ui-icon-key" styleClass="ui-cmdBtn"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right" colspan="2"><font size="1px">
                                                  <table border="0" cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                      <tr>
                                                        <td colspan="2" valign="top" align="left"><strong>Important:</strong></td>
                                                      </tr>
                                                      <tr>
                                                        <td width="55" valign="top" align="right">1.</td>
                                                        <td width="500" valign="top">Please key in your User ID in full uppercase.</td>
                                                      </tr>
                                                      <tr>
                                                        <td width="55" valign="top" align="right">2.</td>
                                                        <td width="500" valign="top">This system supports only English. Information entered in other languages may not appear correctly.</td>
                                                      </tr>
                                                      <tr>
                                                        <td width="55" valign="top" align="right">3.</td>
                                                        <td width="500" valign="top">Please remember to clear your browser's cache after you log out.</td>
                                                      </tr>
                                                      
                                                      <tr>
                                                        <td width="55" valign="top" align="right">4.</td>
                                                        <td width="500" valign="top">For assistance, the following resource is available:</td>
                                                      </tr>
                                                      <tr>
                                                        <td width="55" valign="top"></td>
                                                        <td width="500" valign="top"><br />
                                                          Technical Issues -<br />
                                                          Merlion Food IT Care<br />
                                                          Tel: 6886 2000<br />
                                                          Email: mf_ithelp@mf.com.sg<br />
                                                          <br />
                                                          Queries relating to corporate matters -<br />
                                                          Please refer to your respective Department<br/><br/>
                                                        
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                </table></font></td>
                                            </tr>
                                      </table>
                                  </td>
                              </tr>
                                <tr valign="top">
                                  <td height="94" colspan="2" align="right">
                                      <font size="1px" weight="bold" color="#000000">Merlion Food Limited ?2011 ?Best viewed: 1024px by 800px  ?MerlionERP v1.1&nbsp;&nbsp;&nbsp;</font>
                                  </td>
                                </tr>
                                <font color="red"> &nbsp; <h:outputText id ="status" value="#{loginManagerBean.status}"  /> </font>
                            </h:form>
                        </table>
                  </td>
                </tr>

            </table>

        </center>
    </h:body>
</html>